<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- css begin -->
        <link rel="stylesheet" href="../../css/reset.css">
        <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
        <link rel="stylesheet" href="../../css/animation/animation.css">
        <link rel="stylesheet" href="../../css/main/main.css">
        <link rel="stylesheet" href="../../css/zz/login/login.css">
        <!-- css end -->
        <title>登录</title>
    </head>
<body>

    <div id="zz-main">
        <!-- 顶部 -->
        <zz-header
            :title="sysTitle"
            :is-login="true"></zz-header>
        <!-- 内容区域 -->
        <div class="zz-body rel">
            <!-- banner + login -->
            <div class="banner-login-area">
                <div class="banner">
                    <img class="zz-img-fit" src="../../images/login/login-banner-bg.png" alt="">
                </div>
                <div class="login-box">
                    <!-- 微信扫码登录 -->
                    <div class="login-box_qrcode" style="padding-top:34px;">
                        <ul class="login-box_qrcode_tab zz-df zz-m_0_auto zz-mb24">
                            <li class="tab-item zz-df-f-10auto zz-ta-c is-active">扫码登录</li>
                            <li class="tab-item zz-df-f-10auto zz-ta-c">GSSO登录</li>
                        </ul>
                        <div class="qrcode zz-m_0_auto">
                            <img class="zz-img-fit" src="../../images/login/login-banner-bg.png" alt="">
                        </div>
                    </div>
                    <!-- GSSO登录 -->
                    <div class="login-box_GSSO"></div>
                </div>
            </div>
            <!--  -->
            <div class="lesson-tabs-area">
                <div class="wb-title zz-mt30 zz-mb18">新手教程</div>
                <ul class="tab-list zz-df zz-mr-30">
                    <li class="tab-list-item zz-df-f-10auto zz-mr30 zz-effect-fb">
                        <div class="icon-text-area zz-df zz-df-ff-cw zz-df-ai-c">
                            <div class="icon">
                                <img class="zz-img-fit" src="../../images/login/login-tab-icon1.png" alt="">
                            </div>
                            <div class="title">WeBi介绍</div>
                        </div>
                        <div class="intro zz-tl-c">Introduce WeBi</div>
                    </li>
                    <li class="tab-list-item zz-df-f-10auto zz-mr30 zz-effect-fb">
                        <div class="icon-text-area zz-df zz-df-ff-cw zz-df-ai-c">
                            <div class="icon">
                                <img class="zz-img-fit" src="../../images/login/login-tab-icon2.png" alt="">
                            </div>
                            <div class="title">字段库创建</div>
                        </div>
                        <div class="intro zz-tl-c">Field library creation</div>
                    </li>
                    <li class="tab-list-item zz-df-f-10auto zz-mr30 zz-effect-fb">
                        <div class="icon-text-area zz-df zz-df-ff-cw zz-df-ai-c">
                            <div class="icon">
                                <img class="zz-img-fit" src="../../images/login/login-tab-icon3.png" alt="">
                            </div>
                            <div class="title">报表创建</div>
                        </div>
                        <div class="intro zz-tl-c">Report to create</div>
                    </li>
                </ul>
            </div>
            <div class="lesson-tabs-area">
                <div class="wb-title zz-mt30 zz-mb18">新手教程</div>
                <ul class="tab-list zz-df zz-mr-30">
                    <li class="tab-list-item zz-df-f-10auto zz-mr30 zz-effect-fb">
                        <div class="icon-text-area zz-df zz-df-ff-cw zz-df-ai-c">
                            <div class="icon">
                                <img class="zz-img-fit" src="../../images/login/login-tab-icon1.png" alt="">
                            </div>
                            <div class="title">WeBi介绍</div>
                        </div>
                        <div class="intro zz-tl-c">Introduce WeBi</div>
                    </li>
                    <li class="tab-list-item zz-df-f-10auto zz-mr30 zz-effect-fb">
                        <div class="icon-text-area zz-df zz-df-ff-cw zz-df-ai-c">
                            <div class="icon">
                                <img class="zz-img-fit" src="../../images/login/login-tab-icon2.png" alt="">
                            </div>
                            <div class="title">字段库创建</div>
                        </div>
                        <div class="intro zz-tl-c">Field library creation</div>
                    </li>
                    <li class="tab-list-item zz-df-f-10auto zz-mr30 zz-effect-fb">
                        <div class="icon-text-area zz-df zz-df-ff-cw zz-df-ai-c">
                            <div class="icon">
                                <img class="zz-img-fit" src="../../images/login/login-tab-icon3.png" alt="">
                            </div>
                            <div class="title">报表创建</div>
                        </div>
                        <div class="intro zz-tl-c">Report to create</div>
                    </li>
                </ul>
            </div>
            <div class="lesson-tabs-area">
                <div class="wb-title zz-mt30 zz-mb18">新手教程</div>
                <ul class="tab-list zz-df zz-mr-30">
                    <li class="tab-list-item zz-df-f-10auto zz-mr30 zz-effect-fb">
                        <div class="icon-text-area zz-df zz-df-ff-cw zz-df-ai-c">
                            <div class="icon">
                                <img class="zz-img-fit" src="../../images/login/login-tab-icon1.png" alt="">
                            </div>
                            <div class="title">WeBi介绍</div>
                        </div>
                        <div class="intro zz-tl-c">Introduce WeBi</div>
                    </li>
                    <li class="tab-list-item zz-df-f-10auto zz-mr30 zz-effect-fb">
                        <div class="icon-text-area zz-df zz-df-ff-cw zz-df-ai-c">
                            <div class="icon">
                                <img class="zz-img-fit" src="../../images/login/login-tab-icon2.png" alt="">
                            </div>
                            <div class="title">字段库创建</div>
                        </div>
                        <div class="intro zz-tl-c">Field library creation</div>
                    </li>
                    <li class="tab-list-item zz-df-f-10auto zz-mr30 zz-effect-fb">
                        <div class="icon-text-area zz-df zz-df-ff-cw zz-df-ai-c">
                            <div class="icon">
                                <img class="zz-img-fit" src="../../images/login/login-tab-icon3.png" alt="">
                            </div>
                            <div class="title">报表创建</div>
                        </div>
                        <div class="intro zz-tl-c">Report to create</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>



</div>


<!-- script begin -->
<script src="../../js/jquery/jquery-3.2.1.min.js"></script>
<script src="../../js/zz/sideBar/sideBar.js"></script>
<script src="../../js/jquery/jquery.cookie.js"></script>
<script src="../../js/underscore/underscore-min.js"></script>
<script src="../../js/vue/vue.min.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="../../js/vue/components/zzHeader/zzHeader.js"></script>
<script src="../../js/vue/components/zzSideBar/zzSideBar.js"></script>
<script src="../../js/vue/components/zzNavBar/zzNavBar.js"></script>
<script src="../../js/vue/mixins/basicInfo.js"></script>
<script src="../../js/vue/mixins/zzSetRem.js"></script>
<script src="../../js/axios/axios.min.js"></script>
<script src="../../js/zz/tool/tool.js"></script>
<script src="../../js/zz/time/time.js"></script>
<script src="../../js/zz/request/index.js"></script>
<script src="../../js/zz/login/login.js"></script>
<!-- script end -->
</body>
</html>